// 全局样式
view,text {
	box-sizing: border-box;
	font-family: PingFang SC;
	font-weight: bold;
}
page {
	background-color: #F4F4F4;
}
image {
	display: block;
}
.bigbox {
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.boxr {
	background: #FFFFFF;
	box-shadow: 0px 6rpx 20rpx 0px #E8EAEF;
	border-radius: 14rpx;
}

// 循环生成类名 margin，padding，width，height，font-size，border-radius
@for $i from 0 through 500 {
	// margin
	.m#{$i} {
		margin: $i + upx !important;
	}
	.mt#{$i} {
		margin-top: $i + upx !important;
	}
	.mb#{$i} {
		margin-bottom: $i + upx !important;
	}
	.ml#{$i} {
		margin-left: $i + upx !important;
	}
	.mr#{$i} {
		margin-right: $i + upx !important;
	}
	// padding
	.p#{$i} {
		padding: $i + upx !important;
	}
	.pt#{$i} {
		padding-top: $i + upx !important;
	}
	.pb#{$i} {
		padding-bottom: $i + upx !important;
	}
	.pl#{$i} {
		padding-left: $i + upx !important;
	}
	.pr#{$i} {
		padding-right: $i + upx !important;
	}
	// 字体大小
	.fs#{$i} {
		font-size: $i + upx !important;
	}
	// 字体粗细
	.fw {
		// font-weight: $i !important;
		font-weight: bold;
	}
	//
	.ff{
		font-family: PingFang SC;
	}
	// 宽
	.w#{$i} {
		width: $i + upx !important;
	}
	// 高
	.h#{$i} {
		height: $i + upx !important;
	}
	// 圆角
	.radius#{$i} {
		border-radius: $i + upx !important;
	}
	.radius-top#{$i} {
		border-radius: $i + upx $i + upx 0 0 !important;
		overflow: hidden;
	}
	.radius-bottom#{$i} {
		border-radius: 0 0 $i + upx $i + upx !important;
		overflow: hidden;
	}
	.radius-left#{$i} {
		border-radius: $i + upx 0 0 $i + upx !important;
		overflow: hidden;
	}
	// 圆角覆盖
	.cover-top#{$i} {
		margin-top: -$i + upx !important;
	}
	.index#{$i} {
		z-index: $i !important;
	}
}
// 定位
.absolute {
	position: absolute !important;
}
.relative {
	position: relative !important;
}
.fixed {
	position: fixed !important;
}
@for $i from 0 through 100 {
	.left#{$i} {
		left: $i + rpx !important;
	}
	.right#{$i} {
		right: $i + rpx !important;
	}
	.top#{$i} {
		top: $i + rpx !important;
	}
	.bottom#{$i} {
		bottom: $i + rpx !important;
	}
}
// vh/vw设置宽高
@for $i from 1 through 100 {
	.vh#{$i} {
		height: $i + vh !important;
	}
	.vw#{$i} {
		width: $i + vw !important;
	}
}

// 宽高100%
.w-max {
	width: 100% !important;
}
.h-max {
	height: 100% !important;
}
// 圆角100%
.round {
	border-radius: 100% !important;
}
// flex布局
.flex {
	display: flex;
}
.flex1 {
	flex: 1;
}
.flex-wrap {
	flex-flow: wrap;
}
.flex-nowrap {
	flex-flow: nowrap;
}
.col-center {
	align-items: center;
}
.col-top {
	align-items: flex-start;
}
.col-end {
	align-items: flex-end;
}
.col-bottom {
	align-items: flex-end;
}
.row-center {
	justify-content: center;
}
.row-left {
	justify-content: flex-start;
}
.row-right {
	justify-content: flex-end;
}
.row-between {
	justify-content: space-between;
}
.row-around {
	justify-content: space-around;
}
.row-column {
	flex-direction: column;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
// .btn {
// 	background: linear-gradient(231deg, #002513 0%, #00d344 100%);
// 	color: #ffffff !important;
// }
.bg-them {
	background: linear-gradient(231deg, #002513 0%, #00d344 100%);
}

.bg-f {
	background-color: #ffffff;
}
.bg-f5 {
	background-color: #f5f5f5 !important;
}
.color-f {
	color: #ffffff;
}
.color0 {
	color: #000000;
}
.color1 {
	color: #111111;
}
.color2 {
	color: #222222;
}
.color3 {
	color: #333333;
}
.color4 {
	color: #444444;
}
.color5 {
	color: #555555;
}
.color6 {
	color: #666666;
}
.color7 {
	color: #777777;
}
.color8 {
	color: #888888;
}
.color9 {
	color: #999999;
}
.color-red {
	color: #f32121;
}
.color-y {
	color: #f9a900;
}
.color-g {
	color: #03d446;
}
.color-theme {
	color: #ef5c27 !important;
}
// 顶部占位
.header-bar {
	height: var(--status-bar-height);
	width: 100%;
}
.sc8 {
	transform: scale(0.8);
	transform-origin: left;
}
.sc7 {
	transform: scale(0.7);
	transform-origin: left;
}
.sc6 {
	transform: scale(0.6);
	transform-origin: left;
}
.sc5 {
	transform: scale(0.5);
	transform-origin: left;
}

// 覆盖横线
.line-through {
	text-decoration: line-through;
}

// 阴影
.shadow-default {
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.2);
}
.shadow-theme {
	box-shadow: 0px 0px 10px 0px rgba(251, 121, 50, 0.3);
}

// 选中统一样式
// .active {
// 	color: #000000;
// }
// .active::after {
// 	display: block;
// 	content: '';
// 	width: 46rpx;
// 	height: 8rpx;
// 	background: #fb7932;
// 	margin-left: 6rpx;
// 	border-radius: 10rpx;
// }

// border
.solid {
	border: 2upx rgba(0, 0, 0, 0.1) solid;
}

.solid-bottom {
	border-bottom: 2upx rgba(0, 0, 0, 0.05) solid;
}

// button {
// 	background: linear-gradient(90deg, #ef5c27 0%, #fe840c 100%) !important;
// 	padding-left: 10rpx !important;
// 	padding-right: 10rpx !important;
// 	color: #ffffff !important;
// 	line-height: 2.2 !important;
// 	font-size: 28rpx;
// }

.bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10rpx 24rpx;
}
.on-line {
	background: #7cf375;
}
.off-line {
	background: #cccccc;
}
.level-bg {
	background: #d8d8d8 linear-gradient(180deg, #ee953a 0%, #cb5438 100%);
}
.line-btn {
	background: none !important;
	border: 2rpx #aaaaaa solid;
	color: #999999 !important;
}
.sex-1-bg {
	background-color: #6bb4fa;
}
.sex-2-bg {
	background-color: #ec82b7;
}
.bg-max {
	background-size: 100% 100% !important;
}
.bg-0-1 {
	background: rgba(0, 0, 0, 0.1);
}
.bg-0-2 {
	background: rgba(0, 0, 0, 0.2);
}
.bg-0-3 {
	background: rgba(0, 0, 0, 0.3);
}
.bg-0-4 {
	background: rgba(0, 0, 0, 0.4);
}
.bg-0-5 {
	background: rgba(0, 0, 0, 0.5);
}

